
<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H+ 后台主题UI框架 - 空白页</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
     <link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
      <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
      <style>
        
      </style>
</head>

<body style="color:#333;padding:3px;">
     <!-- 标题 -->
    <div class="page-heade">
      <h1 class="title_color">零售数据日志</h1>
    </div>
    <!-- 标题 -->
  <form action="" class="form-inline" method="get">
      <table class="table table-bordered" style="margin: 0">
      <tr>
        <td>选择日期</td>
        <td>
          <input type="text" class="form-control layer-date" name="" id="start" style="min-width: 120px;width: 120px;"> 到
          <input type="text" class="form-control layer-date" name="" id="end" style="min-width: 120px;width: 120px;">
          <span class="lr_5"></span> <button class="btn btn-info" type="button">查询</button>
        
        </td>
      </tr>
    </table>
    <table class="table table-bordered text-center table-hover">
      <tr class="info">
        <th class="text-center">No.</th>
        <th class="text-center">操作人</th>
        <th class="text-center">操作记录</th>
        <th class="text-center">导入文件(可下载)</th>
        <th class="text-center">操作日期</th>
      </tr>
      <tr>
        <td>1</td>
        <td>余通</td>
        <td>导入了2017-10月的发运数据</td>
        <td><a href="javascript:;">productShipmentDataImport.xls</a></td>
        <td>2017-10-20 12:07</td>
      </tr>
     
  </table>
     <h5 class="text-center">
            总共有1条记录，第1/4页，当前页：<input id="page" type="text" style="width: 70px;" value="" class="form-control" /><span id="gopage">GO</span>&nbsp;&nbsp;<span id="fistpage">首页</span>&nbsp;&nbsp; 每页显示
            <select id="pagesize" style="width: 70px" class="form-control">
            <option value='5'>5</option>
            <option value='10'>10</option>
          </select>条
        </h5>
  </form>
    <script src="__STATIC__/layout/js/jquery.min.js?v=2.1.4"></script>
    <script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
    <!-- <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script> -->
    <script src="__STATIC__/layout/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
      <script src="__STATIC__/layout/js/plugins/layer/laydate/laydate.js"></script>
       <script src="__STATIC__/layout/js/common.js"></script>
       <script>
          $(document).ready(function(){
               var $ObjectNum =$(".ObjectNum");
             toNum($ObjectNum);
          })

      //日期范围限制
        var start = {
            elem: '#start',
            format: 'YYYY/MM/DD',
            min: laydate.now(), //设定最小日期为当前日期
            max: '2099-06-16 23:59:59', //最大日期
            istime: true,
            istoday: false,
            choose: function (datas) {
                end.min = datas; //开始日选好后，重置结束日的最小日期
                end.start = datas //将结束日的初始值设定为开始日
            }
        };
        var end = {
            elem: '#end',
            format: 'YYYY/MM/DD',
            min: laydate.now(),
            max: '2099-06-16 23:59:59',
            istime: true,
            istoday: false,
            choose: function (datas) {
                start.max = datas; //结束日选好后，重置开始日的最大日期
            }
        };
        laydate(start);
        laydate(end);
       </script>
    </body>
   
</html>